$(function() {
	var cpid, cpmc; // 菜品id、菜品名称
	// 点击一行
	$('table tr').click(function() {
		cpid = $(this).find('td[id="i_td_cpid"]').text();
	});

	// 定义ajax所需变量
	var xmlhttp;
	if (window.XMLHttpRequest)
		xmlhttp = new XMLHttpRequest();
	else
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

	// 默认隐藏更新、取消更新按钮 待点编辑按钮方可显示
	$("tr td #i_btn_update").hide();
	$("tr td #i_btn_cancel").hide();

	// 分类下拉框变更
	$("#i_select_fl").change(function() {
		var flid = $("#i_select_fl option:selected").attr("value");
		var url = "/cp/" + flid;
		window.location.href = url;
	});

	// 保存
	$('tr td #i_btn_save').click(function() {
		var flid = $("#i_select_fl option:selected").attr("value");
		if (flid == "00")
			alert("请先选择所属分类！");
		else {
			var cpid_add = $("#i_text_cpid").val();
			var cpmc_add = $("#i_text_cpmc_add").val();
			var url = "/cp/addCP?cpid=" + cpid_add + "&cpmc=" + cpmc_add + "&flid=" + flid;
			if (cpid_add == "" || cpmc_add == "" || cpid_add.length > 4)
				alert("CPID和CPMC都不能为空，且CPID不能超过4个字符！");
			else {
				xmlhttp.onreadystatechange = function() {
					if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
						if (xmlhttp.responseText == "complete") // 添加成功
							location.reload(); // 刷新页面
						else // 添加失败
							alert(xmlhttp.responseText);
					}
				}
				xmlhttp.open("GET", url, true);
				xmlhttp.send();
			}
		}
	});

	// 编辑
	$('tr td #i_btn_edit').click(function() {
		// 获取点的那一行的cpid
		cpid = $(this).parents('tr').find('td[id="i_td_cpid"]').text();
		//获取点的那一行的“菜品名称”值
		//【点击“编辑”按钮后也会触发tb行点击事件 也就是说如果一开始获取cpmc的任务交给$('table tr').click(function() 那么此时转变为文本框的tb的cpmc将不存在undentified】
		cpmc = $(this).parents('tr').find('td[id="i_td_cpmc"]').text();
		if (cpid) {
			//隐藏编辑、删除按钮
			$(this).hide();
			$(this).parents('tr').find('input[id="i_btn_delete"]').hide();
			//显示更新、放弃按钮
			$(this).parents('tr').find('input[id="i_btn_update"]').show();
			$(this).parents('tr').find('input[id="i_btn_cancel"]').show();
			//将“菜品名称”的值放到文本框里
			$(this).parents('tr').find('td[id="i_td_cpmc"]').html('<input type="text" class="form-control" id="i_text_cpmc_update" value="' + cpmc + '" />');
		} else
			alert("无效操作");
	});

	// 删除
	$('tr td #i_btn_delete').click(function() {
		// location.reload();// 刷新页面
	});

	// 更新
	$('tr td #i_btn_update').click(function() {
		//获取text文本框中的“菜品名称”值
		var cpmctext = $(this).parents('tr').find('input[id="i_text_cpmc_update"]').val();
		if (cpmctext == cpmc) {
			alert("内容无更新!");
			location.reload();// 刷新页面
		}
		if (cpid != "" && cpmctext != "") {
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					if (xmlhttp.responseText == "complete") // 更新成功
						location.reload(); // 刷新页面
					else // 更新失败
						alert(xmlhttp.responseText);
				}
			}
			xmlhttp.open("GET", "/cp/updateCP?cpid=" + cpid + "&cpmc=" + cpmctext, true);
			xmlhttp.send();
		} else
			alert("菜品名称不能为空!");
	});

	// 取消更新
	$('tr td #i_btn_cancel').click(function() {
		location.reload(); // 刷新页面
	});
});